@import "color";

.section {
  padding: 12px;
  .search-content {
    margin-top: 16px;
    .search-form {
      margin: auto;
      width: 320px;
      overflow: hidden;
      .search-input {
        outline: none;
        COLOR: #a8a8a8;
        height: 32px;
        width: 240px;
        float: left;
        padding: 0px 12px;
        border: solid 1px @app-border-color;
        &:focus {
          border: solid 1px @app-color;
        }
      }
      .search-button {
        background: #0088CE;
        border: solid 1px #0088CE;
        color: #fff;
        font-size: 14px;
        padding: 0px 12px;
        height: 34px;
        float: left;
      }
    }
  }
  .main-title {
    h3 {
      font-weight: normal;
      font-size: 14px;
      padding: 12px;
      text-align: center;
      border-bottom: solid 1px @app-border-color;
      margin: 0;
      color: @app-text-color;
      span {
        &.bold {
          color: @app-color;
          font-weight: bold;
          font-size: 16px;
          margin-right: 12px;
        }
      }
    }
  }
  .list-boxes {
    margin-top: 8px;
    padding: 10px;
    overflow: hidden;
    border: dashed 1px @app-border-color;
    h2 {
      font-weight: bold;
      color: @app-color;
      font-size: 16px;
    }
    .excerpt {
      font-size: 12px;
      color: @app-text-color;
    }
    .list-actions {
      font-size: 12px;
    }
    .btn {
      float: right;
      font-size: 12px;
      padding: 4px 8px;
      background: @app-color;
      color: @white;
      &:hover {
        background: @app-hilight-color;
      }
    }

  }

}